<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Hello, World</title>
        <style type="text/css">
        html{height:100%}
        body{height:100%;margin:0px;padding:0px}
        #container{height:90%}
        </style>
        <script src="js/jquery.min.js"></script>
        <script src="js/bmap_init.js">
        </script>
        <script type="text/javascript" src="js/bmap_offline_api_v3.0_min.js"></script>
        <script type="text/javascript" src="js/DistanceTool.js"></script>
    </head>

    <body>
        <div id="container"></div>
        <script type="text/javascript">
      //       var outputPath = 'tiles/';    //地图瓦片所在的文件夹
			// var fromat = ".jpg";    //格式

			/*var tileLayer = new BMap.TileLayer();
			tileLayer.getTilesUrl = function (tileCoord, zoom) {
				var x = tileCoord.x;
				var y = tileCoord.y;
				var url = outputPath + zoom + '/' + x + '/' + y + fromat;
				return url;
			}
			var tileMapType = new BMap.MapType('tileMapType', tileLayer);*/

			var map = new BMap.Map("container")

			var point = new BMap.Point(117.75022,30.78906);  // 创建点坐标
			map.centerAndZoom(point, 12);                 // 初始化地图，设置中心点坐标和地图级别
			//添加地图类型控件
            map.addControl(new BMap.MapTypeControl({
                mapTypes:[
                    BMAP_NORMAL_MAP,
                    BMAP_HYBRID_MAP
                ]}));
            map.setCurrentCity("安庆市");          // 设置地图显示的城市 此项是必须设置的
            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
            //单击获取点击的经纬度
            map.addEventListener("click",function(e){
                alert(e.point.lng + "," + e.point.lat);
            });
            //
            // function setBound(boundaryArr, fillColor, setViewport = false) {
            //     var _fillColor = fillColor || '#fff';
            //     /* 行政区划 */
            //     var pointArray = []
            //     boundaryArr.forEach(e => {
            //         pointArray.push(new BMap.Point(e[0],e[1]));
            //     });
            //     console.log(pointArray)
            //     if(pointArray && pointArray.length>0) {
            //         var ply = new BMap.Polygon(pointArray, {
            //             strokeWeight: 2, strokeColor: _fillColor,// strokeOpacity:0.1,
            //             fillColor: _fillColor, fillOpacity: 0.3
            //         }); // 建立多边形覆盖物
            //         map.addOverlay(ply) // 添加覆盖物
            //         console.log(ply);
            //     }
            //     if(setViewport) {
            //         map.setViewport(pointArray) //调整视野
            //     }
            // }

            // // 初始化周界
            // function initBoundary() {
            //     // {
            //     //     name:'铜陵市郊区.json',
            //     //         fillColor:'#4D61B3'},
            //
            //     var coordinates = [{
            //          name:'铜陵市.json',
            //          fillColor:'#0033FF'},{
            //         name:'铜陵市狮子山区.json',
            //         fillColor:'#0033FF'},{
            //         name:'铜陵市铜官山区.json',
            //         fillColor:'#11EE11'},{
            //         name:'铜陵市铜陵县.json',
            //         fillColor:'#DDDD22'}];
            //     coordinates.forEach(c => {
            //         $.getJSON(c.name, {}, function(ret) {
            //             var _fColor = c.fillColor;
            //             console.log(_fColor);
            //             if(ret.coordinates) {
            //                 console.log(ret.coordinates);
            //                 setBound(ret.coordinates[0][0], _fColor, false);
            //             }
            //         });
            //     });
            // }


            // initBoundary();


            // var myDis = new BMapLib.DistanceTool(map);
            //
            // // 如果要调试事件接口，请打开下方屏蔽代码，
            // // 在firefox或者chrome下查看调试信息
            //
            // myDis.addEventListener("drawend", function(e) {
            //     console.log("drawend");
            //     console.log(e.points);
            //     console.log(e.overlays);
            //     console.log(e.distance);
            // });
            //
            // myDis.addEventListener("addpoint", function(e) {
            //     console.log("addpoint");
            //     console.log(e.point);
            //     console.log(e.pixel);
            //     console.log(e.index);
            //     console.log(e.distance);
            // });
            //
            // myDis.addEventListener("removepolyline", function(e) {
            //     console.log("removepolyline");
            //     console.log(e);
            // });
        </script>
    </body>
</html>
